<html>
<head>
<style>
.bg {
  /* set overflow property on svg element to trigger the scrollbar rendering */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 1024 1024' overflow='scroll'><rect width='100' height='100' fill='red' /></svg>") no-repeat;
  width: 100px;
  height: 100px;
}

body {
  margin-left: 0px; margin-top: 0px;
}
</style>
</head>
<!-- scroll to div which has svg as background to ease the pixel comparison-->
<body onload='window.scrollTo(0, 800)'>
<div style="height: 800px">
</div>
<div class="bg" ></div>
<div style="height: 100%">
Red rectangle must appear and shouldn't crash
</div>
</body>
</html>

